<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ page import="java.lang.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="<%=request.getContextPath()%>" />
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet"
	href="${ctx}/js/tree/zTreeStyle/zTreeStyle.css" />
<link type="text/css" rel="stylesheet"
	href="${ctx}/js/extjs/resources/css/ext-all.css" />
<link type="text/css" rel="stylesheet" href="css/base.css" />
<link type="text/css" rel="stylesheet" href="css/chart.css" />
<link type="text/css" rel="stylesheet" href="css/tablepanle.css" />
</head>
<body>
	<div id="main-container" class="form">

		<div class="left">
			<div id="tree-container" class="">
				<ul class="ztree" id="xzqtree"></ul>
			</div>

			<div id="left-show" class="">
				<select id="chart-select" name="" style="" class="">
					<option value="3">单井产气曲线</option>
					<option value="2">井组产气曲线</option>
					<option value="1">区块产气曲线</option>
					<option value="0">气田总产气曲线</option>
				</select> <select id="chartStyle-select" name="" style="">
					<option value="line">折线图</option>
					<option value="stack">叠合图</option>
				</select> <input class="btn btn-default" id="showChartBtn"
					disabled="disabled" type="button" onclick="GetChartsData()"
					value="点击作图 " />
				<div id="normal-select">
					<label class="radio-inline"> <input type="radio"
						name="normal" id="noNormal" value="0"  checked="true">不归一
					</label> <label class="radio-inline"> <input type="radio"
						name="normal" id="timeNormal" value="1">时间归一
					</label> <label class="radio-inline"> <input type="radio"
						name="normal" id="yieldNormal" value="2">产量归一
					</label> <label class="radio-inline"> <input type="radio"
						name="normal" id="allNormal" value="3">全归一
					</label>
				</div>
			</div>
			<div id="left-property" class="">
				<table id="left-property-table"></table>
			</div>
		</div>

		<div class="right">
			<div id="chart_show">
				<div id="test" style='height: 200px'></div>
			</div>
			<div id="grid_show">
				<div class="tablePanle">
					<div id="table" class="tablePanle"></div>
				</div>
				<div id="tools"></div>
			</div>
		</div>

	</div>




	<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
	<script type="text/javascript"
		src="${ctx}/js/tree/jquery.ztree.all-3.5.min.js"></script>
	<!-- ECharts单文件引入 -->
	<script type="text/javascript" src="${ctx}/js/echarts/dist/echarts.js"></script>
	<script type="text/javascript" src="js/base.js"></script>
	<script type="text/javascript" src="js/chart.js"></script>
	<!--EXTjs引入  -->
	<script type="text/javascript" src="${ctx}/js/extjs/ext-all.js"></script>
	<script type="text/javascript"
		src="${ctx}/js/extjs/locale/ext-lang-zh_CN.js"></script>
	<script type="text/javascript" src="./js/grid.js"></script>
	<script type="text/javascript" src="./js/export.js"></script>
	<script>
		//路径配置
		require.config({
			paths : {
				echarts : '${ctx}/js/echarts/dist'
			}
		});

		// 使用
		require([ 'echarts', 'echarts/chart/line' // 使用柱状图就加载bar模块，按需加载
		], DrawCharts);
	</script>

</body>
</html>
